﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ChangePassword.ascx.cs"
    Inherits="Presentation.UserControl.ChangePassword" %>
<table border="0" cellpadding="0" cellspacing="0" id="content-table" width="100%">
    <tr>
        <th rowspan="3" class="sized">
            <img src="/Content/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" />
        </th>
        <th class="topleft">
        </th>
        <td id="tbl-border-top">
            &nbsp;
        </td>
        <th class="topright">
        </th>
        <th rowspan="3" class="sized">
            <img src="/Content/images/shared/side_shadowright.jpg" width="20" height="300" alt="" />
        </th>
    </tr>
    <tr>
        <td id="tbl-border-left">
        </td>
        <td>
            <!--  start content-table-inner -->
            <div id="content-table-inner">
                <table border="0" cellpadding="0" cellspacing="0" id="id-form" width="100%">
                    <tr>
                        <th style="width: 15%">
                            Old password:
                        </th>
                        <td style="width: 85%">
                            <asp:TextBox ID="OldPasswordTextBox" runat="server" TextMode="Password" CssClass="inp-form"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="OldPasswordRequiredFieldValidator" runat="server"
                                ErrorMessage="Old pass is required" ForeColor="#FF5050" ControlToValidate="OldPasswordTextBox"
                                CssClass="validation-msg" Display="Dynamic"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Enter new password:
                        </th>
                        <td>
                            <asp:TextBox ID="NewPasswordTextBox" runat="server" TextMode="Password" CssClass="inp-form"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="NewPasswordRequiredFieldValidator" runat="server"
                                ErrorMessage="You must enter new password" ForeColor="#FF5050" ControlToValidate="NewPasswordTextBox"
                                CssClass="validation-msg" Display="Dynamic"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Confirm new password:
                        </th>
                        <td>
                            <asp:TextBox ID="ConfirmPasswordTextBox" runat="server" TextMode="Password" CssClass="inp-form"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="ConfirmPasswordRequiredFieldValidator" runat="server"
                                ControlToValidate="ConfirmPasswordTextBox" ErrorMessage="You must confirm new password"
                                ForeColor="#FF5050" CssClass="validation-msg" Display="Dynamic"></asp:RequiredFieldValidator>
                            <asp:CompareValidator ID="ConfirmPasswordCompareValidator" runat="server" ControlToCompare="NewPasswordTextBox"
                                ControlToValidate="ConfirmPasswordTextBox" ErrorMessage="Confirm password not match"
                                ForeColor="#FF5050" CssClass="validation-msg" Display="Dynamic"></asp:CompareValidator>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td style="text-align: left">
                            <asp:Button ID="SaveButton" runat="server" CssClass="form-save" />
                            <asp:Button ID="ResetButton" runat="server" CssClass="form-reset" CausesValidation="False" />
                        </td>
                    </tr>
                </table>
                <div class="clear">
                </div>
            </div>
            <!--  end content-table-inner  -->
        </td>
        <td id="tbl-border-right">
        </td>
    </tr>
    <tr>
        <th class="sized bottomleft">
        </th>
        <td id="tbl-border-bottom">
            &nbsp;
        </td>
        <th class="sized bottomright">
        </th>
    </tr>
</table>
<div class="clear">
    &nbsp;</div>
